工廠模式 Factory Pattern
A factory function is a function that creates and returns a new object.
Factory Pattern 其實就是使用 factory function 來建立物件，而 factory function 為一個回傳新物件的 function。
使用方式
const jordan = {
name: 'jordan',
age: 18,
github: 'https://github.com/jordantseng',
talk() {
return `Hello, I'm ${this.name}`;
},
};
const john = {
name: 'john',
age: 16,
github: 'https://github.com/OInVein',
talk() {
return `Hello, I'm ${this.name}`;
},
};
jordan 與 john 分別為兩個物件，包含了 name, age, github, 以及 talk， 根據 Factory Pattern，我們可以將這些資訊記錄在一個 factory function 中，
const human = (name, age, github) => ({
name,
age,
github,
talk() {
return `Hello, I'm ${this.name}`;
},
});
const jordan = human('jordan', 18, 'https://github.com/jordantseng');
const john = human('john', 16, 'https://github.com/OInVein');
優點
- 當有多個相似的小物件時，Factory Pattern 會非常好用
- 相關設定集中一個 function 管理，遵守 DRY 原則
缺點
相較於使用 new 的方式來建立新的物件實例 (instance)，factory function 每次都是建立一個新的物件，因此效能會比較低，
class Human {
constructor(name, age, github) {
this.name = name;
this.age = age;
this.github = github;
}
talk() {
return `Hello, I'm ${this.name}`;
}
}
// jordan 與 john 都是獨立的物件，且繼承同樣的 prototype
// 因此當透過 new 建立多個物件實例時，會比較節省記憶體空間
const jordan = new Human('jordan', 18, 'https://github.com/jordantseng');
const john = new Human('john', 16, 'https://github.com/OInVein');
// jordan 與 john 都是獨立的物件，以及獨立的 prototype
// 因此當透過 factory function 建立多個物件時，會比較耗費記憶體空間
const jordan = human('jordan', 18, 'https://github.com/jordantseng');
const john = human('john', 16, 'https://github.com/OInVein');
參考來源: